.navbar {
    display: flex;
    user-select: none;
    padding: $navbar-padding;
    height: $navbar-height;
    line-height: $navbar-line-height;

    a {

        &:active,
        &.active {
            &:focus {
                outline: 0;
                background-image: none;
            }

        }

        &:hover,
        &:focus {
            text-decoration: none;
        }
    }
}

.navbar-header {
    flex: $navbar-header-flex;
    padding: $navbar-header-padding;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-body {
    flex: $navbar-body-flex;
    padding: $navbar-body-padding;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navbar-footer {
    flex: $navbar-footer-flex;
    padding: $navbar-footer-padding;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

// theme
.navbar-primary {
    @include navbar-variant($navbar-primary-bg-color, $navbar-primary-color, false);
}

.navbar-default {
    @include navbar-variant($navbar-default-bg-color, $navbar-default-color, true);
}
